<template>
    <div>
       <h1>a:{{obj.a}}</h1> <button @click="obj.a++">a+</button>
       <h2>bb:{{obj.b.bb}}</h2><button @click="obj.b.bb++">bb+</button>
    </div>
</template>

<script>
export default {
  data(){
    return{
      obj:{
        a:10,
        b:{
          bb:20
        }
      }
    }
  },
  watch:{
    'obj.a'(newval,oldval){
      console.log(newval,oldval);
    },
    'obj.b.bb':{
      handler(newval,oldval){
         console.log(newval,oldval);
      }
    }
  }
}
</script>

<style>

</style>